<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="css/reset.css" />
    <link rel="stylesheet" type="text/css" href="css/fontello-embedded.css" />
    <link rel="stylesheet" type="text/css" href="css/animate.css" />
    <link rel="stylesheet" type="text/css" href="css/style.css" />
</head>
<body>
<div class="inner">
    <div class="inner-box flex">
        <div class="inner-left">
            <span class="title">PRIME-SUITE</span>
            <div class="nav-list">
                <ul >
                    <li class="nav-first">

                        <a href="javascript:;">
                            <i class="demo-icon icon-laptop"></i>
                            内容监测
                            <i class="demo-icon icon-left-dir"></i>
                        </a>
                        <div class="nav-second" >
                            <ul>
                                <li >
                                    <a href="hangyegailan.html" class="nav-second-normal">
                                        <i class="demo-icon icon-angle-right"></i>
                                        行业概览
                                    </a>
                                </li>
                                <li>
                                    <a href="yingxiaozhanyi.html" class="nav-second-active">
                                        <i class="demo-icon icon-angle-right"></i>
                                        营销战役
                                    </a>
                                </li>
                                <li>
                                    <a href="weijiyujing.html" class="nav-second-normal">
                                        <i class="demo-icon icon-angle-right"></i>
                                        危机预警
                                    </a>
                                </li>
                                <li>
                                    <a href="baogaozhongxin.html" class="nav-second-normal">
                                        <i class="demo-icon icon-angle-right"></i>
                                        报告中心
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>

                    <li class="nav-first nav-first-active" >
                        <a href="javascript:;">
                            <i class="demo-icon icon-tags"></i>
                            账号监测
                            <i class="demo-icon icon-left-dir"></i>
                        </a>
                        <div class="nav-second" style="display: block">
                            <ul>
                                <li>
                                    <a href="zhanghaoliebiao.html" class="nav-second-normal">
                                        <i class="demo-icon icon-angle-right"></i>
                                        账号列表
                                    </a>
                                </li>
                                <li>
                                    <a href="zhanghaofenxi.html" class="nav-second-active">
                                        <i class="demo-icon icon-angle-right"></i>
                                        账号分析
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>

                    <li class="nav-first">
                        <a href="javascript:;">
                            <i class="demo-icon  icon-cog"></i>
                            系统设置
                            <i class="demo-icon  icon-left-dir"></i>
                        </a>

                        <div class="nav-second">
                            <ul>
                                <li>
                                    <a href="javascript:;" class="nav-second-normal">
                                        <i class="demo-icon icon-angle-right"></i>
                                        创建面板
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript:;" class="nav-second-normal">
                                        <i class="demo-icon icon-angle-right"></i>
                                        监测配置
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript:;" class="nav-second-normal">
                                        <i class="demo-icon icon-angle-right"></i>
                                        账号授权
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript:;" class="nav-second-normal">
                                        <i class="demo-icon icon-angle-right"></i>
                                        文本分析
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>

                </ul>
            </div>
        </div>

        <!-- mini bar -->
        <div class="mini-bar" style="display: none;">
            <p>
                <i class="demo-icon icon-menu"></i>
            </p>
            <ul>
                <li class="nav-first-active">
                    <a href="javascript:;">
                        <i class="demo-icon icon-laptop"></i>
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <i class="demo-icon icon-tags"></i>
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <i class="demo-icon  icon-cog"></i>
                    </a>
                </li>

            </ul>
        </div>

        <div class="inner-right">
            <div class="inner-nav">
                <a href="javascript:;" class="list-item">
                    欢迎你 tingting
                    <i class="demo-icon  icon-logout"></i>
                </a>
                <a href="javascript:;" class="list-item">切换账户</a>
                <a href="javascript:;" class="list-item">切换面板</a>
                <a href="javascript:;" class="list-item">切换项目</a>
                <a href="javascript:;" class="list-item">切换语言</a>
                <a id="home" href="javascript:;" class="last-item">
                    <i class="demo-icon icon-menu"></i>
                </a>
            </div>


            <div class="yx-info" >
                <div class="overall">
                    <span class="info-title">
                       基本信息
                    </span>
                    <div class="info-body ">
                        <div class="fx-item toux">
                            <img src="images/toux.jpg" width="60" alt="">
                        </div>
                        <div class="fx-item">
                            <p>微信号：东京下雨，淋湿巴黎</p>
                            <p>总关注数：10K</p>
                            <p>总文章数：20K</p>
                        </div>

                    </div>
                </div>
            </div>


            <div class="tabindex">
                <ul>
                    <li class="tab-active">概览</li>
                    <li class="tab-normal">用户分析</li>
                    <li class="tab-normal">图文分析</li>
                    <li class="tab-normal">消息分析</li>
                </ul>
                <div class="tabindex-body">
                    <div class="tb-bd tb-bd0" style="display: none" >
                        <div class="hot-post" >
                            <p >用户分析概览</p>
                            <div class="charts-container">
                                <table class="tb-defalut tb-10">
                                    <thead>
                                    <tr>
                                        <th>内容</th>
                                        <th>互动次数</th>
                                        <th>曝光次数</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <tr>
                                        <td>1</td>
                                        <td>10</td>
                                        <td>1</td>

                                    </tr>
                                    <tr>
                                        <td>1</td>
                                        <td>10</td>
                                        <td>1</td>

                                    </tr>
                                    <tr>
                                        <td>1</td>
                                        <td>10</td>
                                        <td>1</td>

                                    </tr>

                                    <tr>
                                        <td>1</td>
                                        <td>10</td>
                                        <td>1</td>

                                    </tr>
                                    <tr>
                                        <td>1</td>
                                        <td>10</td>
                                        <td>1</td>

                                    </tr>

                                    <tr>
                                        <td>1</td>
                                        <td>10</td>
                                        <td>1</td>

                                    </tr>
                                    <tr>
                                        <td>1</td>
                                        <td>10</td>
                                        <td>1</td>

                                    </tr>
                                    <tr>
                                        <td>1</td>
                                        <td>10</td>
                                        <td>1</td>

                                    </tr>
                                    <tr>
                                        <td>1</td>
                                        <td>10</td>
                                        <td>1</td>

                                    </tr>
                                    <tr>
                                        <td>1</td>
                                        <td>10</td>
                                        <td>1</td>

                                    </tr>
                                    </tbody>
                                </table>
                                <div class="page text-align">
                                    <button class="btn btn-left page-normal">
                                        <i class="demo-icon icon-angle-left"></i>
                                    </button>
                                    <button class="btn page-active page-normal">1</button>
                                    <button class="btn page-normal">2</button>
                                    <button class="btn page-normal">3</button>
                                    <button class="btn page-normal">4</button>
                                    <button class="btn btn-right page-normal">
                                        <i class="demo-icon icon-angle-right"></i>
                                    </button>
                                </div>
                            </div>
                        </div>
                        <div class="hot-post">
                            <p >图文分析概览</p>
                            <div class="charts-container">
                                <table class="tb-defalut tb-10">
                                    <thead>
                                    <tr>
                                        <th>内容</th>
                                        <th>互动次数</th>
                                        <th>曝光次数</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <tr>
                                        <td>1</td>
                                        <td>10</td>
                                        <td>1</td>

                                    </tr>
                                    <tr>
                                        <td>1</td>
                                        <td>10</td>
                                        <td>1</td>

                                    </tr>
                                    <tr>
                                        <td>1</td>
                                        <td>10</td>
                                        <td>1</td>

                                    </tr>

                                    <tr>
                                        <td>1</td>
                                        <td>10</td>
                                        <td>1</td>

                                    </tr>
                                    <tr>
                                        <td>1</td>
                                        <td>10</td>
                                        <td>1</td>

                                    </tr>

                                    <tr>
                                        <td>1</td>
                                        <td>10</td>
                                        <td>1</td>

                                    </tr>
                                    <tr>
                                        <td>1</td>
                                        <td>10</td>
                                        <td>1</td>

                                    </tr>
                                    <tr>
                                        <td>1</td>
                                        <td>10</td>
                                        <td>1</td>

                                    </tr>
                                    <tr>
                                        <td>1</td>
                                        <td>10</td>
                                        <td>1</td>

                                    </tr>
                                    <tr>
                                        <td>1</td>
                                        <td>10</td>
                                        <td>1</td>

                                    </tr>
                                    </tbody>
                                </table>
                                <div class="page text-align">
                                    <button class="btn btn-left page-normal">
                                        <i class="demo-icon icon-angle-left"></i>
                                    </button>
                                    <button class="btn page-active page-normal">1</button>
                                    <button class="btn page-normal">2</button>
                                    <button class="btn page-normal">3</button>
                                    <button class="btn page-normal">4</button>
                                    <button class="btn btn-right page-normal">
                                        <i class="demo-icon icon-angle-right"></i>
                                    </button>
                                </div>
                            </div>
                        </div>
                        <div class="hot-post">
                            <p >消息分析概览</p>
                            <div class="charts-container">
                                <table class="tb-defalut tb-10">
                                    <thead>
                                    <tr>
                                        <th>内容</th>
                                        <th>互动次数</th>
                                        <th>曝光次数</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <tr>
                                        <td>1</td>
                                        <td>10</td>
                                        <td>1</td>

                                    </tr>
                                    <tr>
                                        <td>1</td>
                                        <td>10</td>
                                        <td>1</td>

                                    </tr>
                                    <tr>
                                        <td>1</td>
                                        <td>10</td>
                                        <td>1</td>

                                    </tr>

                                    <tr>
                                        <td>1</td>
                                        <td>10</td>
                                        <td>1</td>

                                    </tr>
                                    <tr>
                                        <td>1</td>
                                        <td>10</td>
                                        <td>1</td>

                                    </tr>

                                    <tr>
                                        <td>1</td>
                                        <td>10</td>
                                        <td>1</td>

                                    </tr>
                                    <tr>
                                        <td>1</td>
                                        <td>10</td>
                                        <td>1</td>

                                    </tr>
                                    <tr>
                                        <td>1</td>
                                        <td>10</td>
                                        <td>1</td>

                                    </tr>
                                    <tr>
                                        <td>1</td>
                                        <td>10</td>
                                        <td>1</td>

                                    </tr>
                                    <tr>
                                        <td>1</td>
                                        <td>10</td>
                                        <td>1</td>

                                    </tr>
                                    </tbody>
                                </table>
                                <div class="page text-align">
                                    <button class="btn btn-left page-normal">
                                        <i class="demo-icon icon-angle-left"></i>
                                    </button>
                                    <button class="btn page-active page-normal">1</button>
                                    <button class="btn page-normal">2</button>
                                    <button class="btn page-normal">3</button>
                                    <button class="btn page-normal">4</button>
                                    <button class="btn btn-right page-normal">
                                        <i class="demo-icon icon-angle-right"></i>
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="tb-bd tb-bd1" style="display: none">
                        <div class="hot-post" >
                            <p >用户增长分析</p>
                            <div class="charts-container">

                            </div>
                        </div>
                        <div class="hot-post" >
                            <p >新增用户来源分析</p>
                            <div class="charts-container">

                            </div>
                        </div>
                        <div class="hot-post" >
                            <p >详细数据</p>
                            <div class="charts-container">
                                        <table class="tb-defalut tb-10">
                                            <thead>
                                            <tr>
                                                <th>时间</th>
                                                <th>新增关注数</th>
                                                <th>取消关注数</th>
                                                <th>净增人数</th>
                                                <th>累积关注数</th>
                                                <th>粉丝来源：搜公众号</th>
                                                <th>粉丝来源：搜微信号</th>
                                                <th>粉丝来源：扫二维码</th>
                                                <th>粉丝来源：名片分享</th>
                                                <th>粉丝来源：图文消息</th>
                                                <th>粉丝来源：其他</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            <tr>
                                                <td>1</td>
                                                <td>10</td>
                                                <td>1</td>
                                                <td>1</td>
                                                <td>10</td>
                                                <td>1</td>
                                                <td>1</td>
                                                <td>10</td>
                                                <td>1</td>
                                                <td>1</td>
                                                <td>10</td>
                                            </tr>
                                            </tbody>
                                        </table>
                                        <div class="page text-align">
                                            <button class="btn btn-left page-normal">
                                                <i class="demo-icon icon-angle-left"></i>
                                            </button>
                                            <button class="btn page-active page-normal">1</button>
                                            <button class="btn page-normal">2</button>
                                            <button class="btn page-normal">3</button>
                                            <button class="btn page-normal">4</button>
                                            <button class="btn btn-right page-normal">
                                                <i class="demo-icon icon-angle-right"></i>
                                            </button>
                                        </div>
                                    </div>
                        </div>

                    </div>
                    <div class="tb-bd tb-bd2" >
                        <div class="hot-post tb-bd0-item">
                            <p >图文互动分析</p>
                            <div class="charts-container">

                            </div>
                        </div>
                        <div class="hot-post tb-bd0-item">
                            <p >热门文章列表</p>
                            <div class="charts-container">

                            </div>
                        </div>
                        <div class="hot-post tb-bd0-item">
                            <p >分享场景分析</p>
                            <div class="charts-container">

                            </div>
                        </div>
                        <div class="hot-post tb-bd0-item">
                            <p >详细数据</p>
                            <div class="charts-container">
                                <table class="tb-defalut tb-10">
                                    <thead>
                                    <tr>
                                        <th>用户</th>
                                        <th>媒体类型</th>
                                        <th>发帖数</th>
                                        <th>互动数</th>
                                        <th>曝光数</th>
                                        <th>评论数</th>
                                        <th>转发数</th>
                                        <th>净喜好数</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <tr>
                                        <td>12</td>
                                        <td>10</td>
                                        <td>1</td>
                                        <td>1</td>
                                        <td>10</td>
                                        <td>1</td>
                                        <td>1</td>
                                        <td>10</td>
                                    </tr>
                                    </tbody>
                                </table>

                                <div class="page text-align">
                                    <button class="btn btn-left page-normal">
                                        <i class="demo-icon icon-angle-left"></i>
                                    </button>
                                    <button class="btn page-active page-normal">1</button>
                                    <button class="btn page-normal">2</button>
                                    <button class="btn page-normal">3</button>
                                    <button class="btn page-normal">4</button>
                                    <button class="btn btn-right page-normal">
                                        <i class="demo-icon icon-angle-right"></i>
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="tb-bd tb-bd3" style="display: none;">
                        <div class="hot-post tb-bd0-item">
                            <p >账号消息分析</p>
                            <div class="charts-container">

                            </div>
                        </div>
                        <div class="hot-post tb-bd0-item">
                            <p >消息类型分析</p>
                            <div class="charts-container">

                            </div>
                        </div>
                        <div class="hot-post">
                            <p >详细数据</p>
                            <div class="charts-container">
                                <table class="tb-defalut tb-10">
                                    <thead>
                                    <tr>
                                        <th>时间</th>
                                        <th>消息发送次数</th>
                                        <th>消息发送人数</th>
                                        <th>人均发送数</th>
                                        <th>消息类型（次数/人数）：文字</th>
                                        <th>消息类型（次数/人数）：图片</th>
                                        <th>消息类型（次数/人数）：语音</th>
                                        <th>消息类型（次数/人数）：音频</th>
                                        <th>消息类型（次数/人数）：第三方应用消息</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <tr>
                                        <td>12</td>
                                        <td>10</td>
                                        <td>1</td>
                                        <td>1</td>
                                        <td>10</td>
                                        <td>1</td>
                                        <td>1</td>
                                        <td>10</td>
                                        <td>10</td>
                                    </tr>
                                    </tbody>
                                </table>

                                <div class="page text-align">
                                    <button class="btn btn-left page-normal">
                                        <i class="demo-icon icon-angle-left"></i>
                                    </button>
                                    <button class="btn page-active page-normal">1</button>
                                    <button class="btn page-normal">2</button>
                                    <button class="btn page-normal">3</button>
                                    <button class="btn page-normal">4</button>
                                    <button class="btn btn-right page-normal">
                                        <i class="demo-icon icon-angle-right"></i>
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>
<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="js/nav.js"> </script>

</body>
</html>